<!DOCTYPE html>
<html>
{% load staticfiles %}
<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>{{ object.paper_title }}</title>
	<style>
		@font-face {
		  font-family: Microsoft Yahei Mono;
		  src: url("{% static 'fonts/Microsoft YaHei Mono.ttf' %}");
		}

		* {
		  font-family: Microsoft Yahei Mono
		}
		* {
			margin: 0;
			padding: 0;
			border: none;
		}

		.clearfix::after {
			content: "";
			clear: both;
			display: block;
		}

		.page {
			width: 1000px;
			margin: 0 auto;
			font-size: 15px;
		}
		
		header {
			margin: 100px auto 0;
		}

		header h1{
			text-align: center;
			font-size: 36px;
			height: 40px;
			line-height: 40px;
		}
		
		header h2 {
			margin-top: 80px;
			text-align: center;
			font-size: 24px;
			font-weight: normal;
			line-height: 24px;
		}
		
		.main {
			margin-top: 60px;
		}

		.main img {
			max-width: 100%;
		}
		
		.questype-item {
			margin-bottom: 40px;
		}

		.questype-title {
			margin-bottom: 20px;
		}
		.questype-item .question-list .question-item{
			margin-bottom: 30px;
		}
		
		.question-title {
			margin-bottom: 10px;
			line-height: 1.4;
		}

		.question-title > .question-title-label{
			float: left;
			margin-right: 5px;		
		}

		.question-options {
			margin-bottom: 10px;
		}

		.option {
			font-size: 14px;
			line-height: 1;
			margin-bottom: 5px;
		}

		.option > .option-label {
			float: left;
			margin-right: 5px;
		}
		.option > .option-content {
			overflow: hidden;
		}

		.question-info {
			color: #999;
		}
		
		.sub-question-list {
			margin-top: 10px;
		}

		.sub-question-list .sub-question-item {
			margin-bottom: 10px;
		}

		.sub-question-title {
			line-height: 1.4;
			margin-bottom: 10px;
		}

		.sub-question-title > .sub-question-title-label {
			float: left;
			margin-right: 5px;
		}

		.sub-question-info {
			color: #999;
		}

		.sub-question-options-list {
			margin-bottom: 10px;
		}

	</style>

</head>

<body>

	<div class="page">
		<header>
			<h1>{{ object.paper_title }}</h1>
			<h2>{{ object.sub_title }}</h2>
		</header>
		<div class="main">
            {{object.content}}
		</div>
	</div>	
</body>

</html>